<template>
  <el-container style="min-height: 100vh;">
    <el-header style="background-color: #409EFF; color: white;">
      <h1 style="margin: 0; line-height: 60px;">导航网站后台管理系统</h1>
    </el-header>
    <el-container>
      <el-aside width="200px" style="background-color: #f5f7fa;">
        <el-menu
          default-active="$route.path"
          router
          style="border-right: none;"
        >
          <el-menu-item index="/categories">
            <el-icon><document /></el-icon>
            <span>分类管理</span>
          </el-menu-item>
          <el-menu-item index="/websites">
            <el-icon><link /></el-icon>
            <span>网址管理</span>
          </el-menu-item>
        </el-menu>
      </el-aside>
      <el-main>
        <router-view />
      </el-main>
    </el-container>
    <el-footer style="text-align: center; background-color: #f5f7fa;">
      © 2025 导航网站版权所有
    </el-footer>
  </el-container>
</template>

<script setup lang="ts">
import { Document as DocumentIcon, Link as LinkIcon } from '@element-plus/icons-vue'
</script>